body,
uni-page-body,
.body {
  background-color: #f9fafe;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

view,
text,
button,
picker,
radio {
  border: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

radio,
checkbox,
switch,
.radio {
  transform: scale(0.8);
}

.row-reverse {
  flex-direction: row-reverse;
}

.uni-radio-input {
  background-color: #343434 !important;
  border: 1px solid #999 !important;
}

.line {
  border-bottom: 1px solid #eee;
}

.sub {
  color: #999;
}

.tb {
  font-weight: bold;
}

.p5 {
  padding: 5rpx;
}

.p10 {
  padding: 10rpx;
}

.p20 {
  padding: 20rpx;
}

.p30 {
  padding: 30rpx;
}

.p40 {
  padding: 40rpx;
}

.p50 {
  padding: 50rpx;
}

.p60 {
  padding: 60rpx;
}

.p70 {
  padding: 70rpx;
}

.p80 {
  padding: 80rpx;
}

.pl5 {
  padding-left: 5rpx;
}

.pl10 {
  padding-left: 10rpx;
}

.pl20 {
  padding-left: 20rpx;
}

.pl30 {
  padding-left: 30rpx;
}

.pl40 {
  padding-left: 40rpx;
}

.pl50 {
  padding-left: 50rpx;
}

.pl60 {
  padding-left: 60rpx;
}

.pl70 {
  padding-left: 70rpx;
}

.pl80 {
  padding-left: 80px;
}

.pr5 {
  padding-right: 5rpx;
}

.pr10 {
  padding-right: 10rpx;
}

.pr20 {
  padding-right: 20rpx;
}

.pr30 {
  padding-right: 30rpx;
}

.pr40 {
  padding-right: 40rpx;
}

.pr50 {
  padding-right: 50rpx;
}

.pr60 {
  padding-right: 60rpx;
}

.pr70 {
  padding-right: 70rpx;
}

.pr80 {
  padding-right: 80px;
}

.pt5 {
  padding-top: 5rpx;
}

.pt10 {
  padding-top: 10rpx;
}

.pt20 {
  padding-top: 20rpx;
}

.pt30 {
  padding-top: 30rpx;
}

.pt40 {
  padding-top: 40rpx;
}

.pt50 {
  padding-top: 50rpx;
}

.pt60 {
  padding-top: 60rpx;
}

.pt70 {
  padding-top: 70rpx;
}

.pt80 {
  padding-top: 80px;
}

.pb5 {
  padding-bottom: 5rpx;
}

.pb10 {
  padding-bottom: 10rpx;
}

.pb20 {
  padding-bottom: 20rpx;
}

.pb30 {
  padding-bottom: 30rpx;
}

.pb40 {
  padding-bottom: 40rpx;
}

.pb50 {
  padding-bottom: 50rpx;
}

.pb60 {
  padding-bottom: 60rpx;
}

.pb70 {
  padding-bottom: 70rpx;
}

.pb80 {
  padding-bottom: 80px;
}

.m5 {
  margin: 5rpx;
}

.m10 {
  margin: 10rpx;
}

.m20 {
  margin: 20rpx;
}

.m30 {
  margin: 30rpx;
}

.m40 {
  margin: 40rpx;
}

.m50 {
  margin: 50rpx;
}

.m60 {
  margin: 60rpx;
}

.m70 {
  margin: 70rpx;
}

.m80 {
  margin: 80rpx;
}

.ml5 {
  margin-left: 5rpx;
}

.ml10 {
  margin-left: 10rpx;
}

.ml20 {
  margin-left: 20rpx;
}

.ml25 {
  margin-left: 25rpx;
}

.ml30 {
  margin-left: 30rpx;
}

.ml40 {
  margin-left: 40rpx;
}

.ml50 {
  margin-left: 50rpx;
}

.ml60 {
  margin-left: 60rpx;
}

.ml70 {
  margin-left: 70rpx;
}

.ml80 {
  margin-left: 80px;
}

.mr5 {
  margin-right: 5rpx;
}

.mr10 {
  margin-right: 10rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.mr30 {
  margin-right: 30rpx;
}

.mr40 {
  margin-right: 40rpx;
}

.mr50 {
  margin-right: 50rpx;
}

.mr60 {
  margin-right: 60rpx;
}

.mr70 {
  margin-right: 70rpx;
}

.mr80 {
  margin-right: 80px;
}

.mt5 {
  margin-top: 5rpx;
}

.mt10 {
  margin-top: 10rpx;
}

.mt20 {
  margin-top: 20rpx;
}

.mt30 {
  margin-top: 30rpx;
}

.mt40 {
  margin-top: 40rpx;
}

.mt50 {
  margin-top: 50rpx;
}

.mt60 {
  margin-top: 60rpx;
}

.mt70 {
  margin-top: 70rpx;
}

.mt80 {
  margin-top: 80px;
}

.mb5 {
  margin-bottom: 5rpx;
}

.mb10 {
  margin-bottom: 10rpx;
}

.mb20 {
  margin-bottom: 20rpx;
}

.mb30 {
  margin-bottom: 30rpx;
}

.mb40 {
  margin-bottom: 40rpx;
}

.mb50 {
  margin-bottom: 50rpx;
}

.mb60 {
  margin-bottom: 60rpx;
}

.mb70 {
  margin-bottom: 70rpx;
}

.mb80 {
  margin-bottom: 80px;
}

/* 隐藏tabbar */
.uni-app--showleftwindow + .uni-tabbar-bottom {
  display: none;
}

.container {
  padding: 20rpx;
}

/*color*/
.color-57 {
  color: #575757;
}
.color-72{
	color: #727272;
}
.gray {
  color: #cccccc;
}

.gray9 {
  color: #999999;
}

.gray6 {
  color: #666666;
}

.gray3 {
  color: #333333;
}

.white {
  color: #ffffff;
}

.red {
  color: #f6220c;
}

.redEe {
  color: #ee1414;
}

.redF6 {
  color: #f6220c;
}

.blue {
  color: #28a5ff;
}

.violet {
  color: #a824e4;
}

.yellow {
  color: #ffd127;
}

.orange {
  color: #ff8a00;
}

.green {
  color: #32d500;
}

.brown {
  color: #4f3a1e;
}

.golden {
  color: rgba(168, 112, 13, 1);
}

/*button*/
button {
  margin: 0;
  font-size: 28rpx;
  padding: 0;
}

/*backgroud*/
.bg-white {
  background: #ffffff;
}

/*border*/
.br12 {
  border-radius: 12rpx;
}
.br20 {
  border-radius: 20rpx;
}
.br30 {
  border-radius: 30rpx;
}
.br-50 {
  border-radius: 50%;
}
.border {
  border: 1rpx solid #eeeeee;
}

.border-t {
  border-top: 1rpx solid #eeeeee;
}

.border-t-d9 {
  border-top: 1rpx solid #d9d9d9;
}

.border-b {
  border-bottom: 1rpx solid #eeeeee;
}

.border-b-d9 {
  border-bottom: 1rpx solid #d9d9d9;
}

.border-b-e {
  border-bottom: 1rpx solid #eeeeee;
}

.border-b-d {
  border-bottom: 1rpx solid #d9d9d9;
}

.border-red {
  border: 1rpx solid #f6220c;
}

/*position*/
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

/**/
.top0 {
  top: 0;
}

.right0 {
  right: 0;
}

.bottom0 {
  bottom: 0;
}

.left0 {
  left: 0;
}

/*font*/
.f18 {
  font-size: 18rpx;
}

.f20 {
  font-size: 20rpx;
}

.f22 {
  font-size: 22rpx;
}

.f24 {
  font-size: 24rpx;
}

.f26 {
  font-size: 26rpx;
}

.f28 {
  font-size: 28rpx;
}

.f30 {
  font-size: 30rpx;
}

.f32 {
  font-size: 32rpx;
}

.f34 {
  font-size: 34rpx;
}

.f36 {
  font-size: 36rpx;
}

.f38 {
  font-size: 36rpx !important;
}

.f40 {
  font-size: 40rpx !important;
}

.f45 {
  font-size: 45rpx !important;
}

.f50 {
  font-size: 50rpx !important;
}
.f54 {
  font-size: 54rpx !important;
}
.f60 {
  font-size: 60rpx !important;
}
.f80 {
  font-size: 80rpx !important;
}
.fb {
  font-weight: bold;
}

/*text align*/
.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

/*overflow*/
.o-h {
  overflow: hidden;
}

/*word*/
.w-b {
  word-wrap: break-word;
}

/*flex*/
.flex-1 {
  flex: 1;
}

/*icon*/
.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.svg-icon {
  width: 32rpx;
  height: 32rpx;
  color: #cccccc;
}

.icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-s-b {
  box-sizing: border-box;
}

/*width*/
.ww100 {
  width: 100%;
}

.ww50 {
  width: 50%;
}

.ww33 {
  width: 33.33333333%;
}

.ww25 {
  width: 25%;
}

.ww20 {
  width: 20%;
}

.hh100 {
  height: 100%;
}

/*padding*/
.p10 {
  padding: 10rpx;
}

.p20 {
  padding: 20rpx;
}

.p30 {
  padding: 30rpx;
}

.p-10-0 {
  padding: 10rpx 0;
}

.p-20-0 {
  padding: 20rpx 0;
}

.p-30-0 {
  padding: 30rpx 0;
}

.p-40-0 {
  padding: 40rpx 0;
}

.p-0-10 {
  padding: 0 10rpx;
}

.p-0-20 {
  padding: 0 20rpx;
}

.p-0-30 {
  padding: 0 30rpx;
}

.pt10 {
  padding-top: 10rpx;
}

.pt16 {
  padding-top: 16rpx;
}

.pt20 {
  padding-top: 20rpx;
}

.pt30 {
  padding-top: 30rpx;
}

.pt40 {
  padding-top: 40rpx;
}

.pt60 {
  padding-top: 60rpx;
}

.pl30 {
  padding-left: 30rpx;
}

.pr20 {
  padding-right: 20rpx;
}

.pr100 {
  padding-right: 100rpx;
}

.pb0 {
  padding-bottom: 0;
}

.pb10 {
  padding-bottom: 10rpx;
}

.pb20 {
  padding-bottom: 20rpx;
}

.pb30 {
  padding-bottom: 30rpx;
}

.pb60 {
  padding-bottom: 60rpx;
}

.pb38 {
  padding-bottom: 38rpx;
}

.pb100 {
  padding-bottom: 100rpx;
}

/*margin*/
.m20 {
  margin: 20rpx;
}

.m30 {
  margin: 30rpx;
}

.m10 {
  margin: 10rpx;
}

.m-0-20 {
  margin: 0 20rpx;
}

.mt10 {
  margin-top: 10rpx;
}

.mt20 {
  margin-top: 20rpx;
}

.mt30 {
  margin-top: 30rpx;
}

.mt36 {
  margin-top: 36rpx;
}

.mt50 {
  margin-top: 50rpx;
}

.mt60 {
  margin-top: 60rpx;
}

.mr10 {
  margin-right: 10rpx;
}

.mr20 {
  margin-right: 20rpx;
}

.mr30 {
  margin-right: 30rpx;
}

.mr40 {
  margin-right: 40rpx;
}

.mb10 {
  margin-bottom: 10rpx;
}

.mb16 {
  margin-bottom: 16rpx;
}

.mb20 {
  margin-bottom: 20rpx;
}

.mb23 {
  margin-bottom: 23rpx;
}

.mb30 {
  margin-bottom: 30rpx;
}

.ml10 {
  margin-left: 10rpx;
}

.ml20 {
  margin-left: 20rpx;
}

.ml26 {
  margin-left: 26rpx;
}

.ml30 {
  margin-left: 30rpx;
}

.ml80 {
  margin-left: 80rpx;
}

/*display*/
.d-f {
  display: flex;
}

.d-c-c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-c-e {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.d-s-c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.d-s-e {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.d-s-s {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.d-e-c {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.d-b-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d-b-s {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.d-a-c {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.d-c {
  flex-direction: column;
}

.d-r {
  flex-direction: row;
}

.d-stretch {
  align-items: stretch;
  align-content: stretch;
}

.f-w {
  flex-wrap: wrap;
}

.w-s-n {
  white-space: nowrap;
}

.text-l-t {
  text-decoration: line-through;
}

.lh100 {
  line-height: 100%;
}

.lh150 {
  line-height: 150%;
}

.lh200 {
  line-height: 200%;
}

.radius {
  border-radius: 50%;
}

.radius8 {
  border-radius: 8rpx;
}

/*ellipsis*/
.vertical {
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.vertical2 {
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.db {
  display: block;
}

image {
  display: block;
  height: 0;
}
